<?xml version='1.0' encoding='UTF-8' ?>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:rich="http://richfaces.org/rich"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:f="http://java.sun.com/jsf/core">
    <body>
        <ui:composition template="./admin-template.xhtml">
            <ui:param name="titulo" value="Reporte" />
            <ui:define name="body">
                <rich:simpleTogglePanel id="stpParametros" opened="true" >
                    <f:facet name="header" >
                        Reporte de Producto Mas Vendido por Ciudad
                    </f:facet>

                    <a4j:form>
                        <h:panelGrid columns="2">
                            <h:outputLabel value="Fecha Inicial" />
                            <rich:calendar enableManualInput="true" popup="true" value="#{ReportsBean.fechaInicial}" cellWidth="24px" cellHeight="22px" style="width:200px" required="true"  />
                            <h:outputLabel value="Fecha Final" />
                            <rich:calendar enableManualInput="true" popup="true" value="#{ReportsBean.fechaFinal}" cellWidth="24px" cellHeight="22px" style="width:200px" required="true" />
                            <h:outputLabel value="Ciudad" />
                            <h:selectOneMenu value="#{ReportsBean.selectedItem}">
                                <f:selectItems value="#{ReportsBean.selectedItems}" />
                            </h:selectOneMenu>
                            <h:commandButton value="Buscar" action="#{ReportsBean.getCompraByMasVendido}" reRender="panelReporte"/>
                        </h:panelGrid>
                    </a4j:form>
                </rich:simpleTogglePanel>
                <rich:panel id="panelReporte">
                    <rich:simpleTogglePanel id="stpReporte" opened="#{ReportsBean.opened}" >
                        <f:facet name="header" >
                            Resultado Reporte de Producto Mas Vendido por Ciudad
                        </f:facet>
                        <a4j:form>
                            <left>
                                <h:panelGrid columns="1">
                                    <f:facet name="header">Muebles ALPES</f:facet>
                                </h:panelGrid>
                                <h:panelGrid columns="4">
                                    <h:outputLabel value="Ciudad:" />
                                    <h:outputLabel value="#{ReportsBean.selectedItem}" />
                                    <h:outputLabel value="Fecha Generación:" />
                                    <h:outputLabel value="#{ReportsBean.fechaActual}" />
                                    <h:outputLabel value="Fecha Inicial" />
                                    <h:outputLabel value="#{ReportsBean.fechaInicial}" />
                                    <h:outputLabel value="Fecha Final:" />
                                    <h:outputLabel value="#{ReportsBean.fechaFinal}" />
                                </h:panelGrid>
                            </left>
                            <rich:extendedDataTable id="tblArticulosExterior" height="47px" value="#{ReportsBean.masVendido}" var="art">
                                <rich:column>
                                    <f:facet name="header">Referencia</f:facet>#{art.mueble.referencia}
                                </rich:column>
                                <rich:column>
                                    <f:facet name="header">Nombre</f:facet>#{art.mueble.nombre}
                                </rich:column>
                                <rich:column>
                                    <f:facet name="header">Tipo Mueble</f:facet>#{art.mueble.tipo}
                                </rich:column>
                                <rich:column>
                                    <f:facet name="header">Cantidad</f:facet>#{art.cantidad}
                                </rich:column>
                                <rich:column>
                                    <f:facet name="header">Costo Unitario</f:facet>#{art.valor}
                                </rich:column>
                            </rich:extendedDataTable>
                        </a4j:form>
                    </rich:simpleTogglePanel>
                </rich:panel>
            </ui:define>
        </ui:composition>
    </body>
</html>
